<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- 这是个iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；-->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!-- 全屏显示-->
    <meta name="apple-touch-fullscreen" content="yes">
    <!-- 不要让设备识别电话号码和邮箱地址-->
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
    <!-- DNS预解析-->
    <meta http-equiv="x-dns-prefetch-control" content="on">

    <link href="../css/common/mui.min.css" rel="stylesheet">
    <link href="../css/common/mui.picker.min.css" rel="stylesheet">
    <link href="../css/common/reset.css" rel="stylesheet">
    <link href="../css/common/common.css" rel="stylesheet">
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/home.css" rel="stylesheet">
    
    <script src="../js/zepto-1.1.4.min.js"></script>
    <script src="../js/mui.min.js"></script>
    <script src="../js/mui.picker.min.js"></script>
    
    <title>特训报告</title>
    
  </head>
  <body>
    <div class="home">
        <div class="content">
            <div class="top">
                <div>
                    <div class="year"></div>
                    <div class="month"></div>
                </div>
                <div>
                    <a class="mui-icon mui-icon-arrowleft" href="javascript: preMonth()"></a>
                    <a class="mui-icon mui-icon-arrowright" href="javascript: nextMonth()"></a>
                </div>
            </div>
            <table class="date-info">
                <thead>
                    <tr>
                        <th>日</th>
                        <th>一</th>
                        <th>二</th>
                        <th>三</th>
                        <th>四</th>
                        <th>五</th>
                        <th>六</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
            <ul class="legend">
                <li>
                    <i></i>
                    <div>
                        <label>市场环境</label>
                        <span>80%</span>
                    </div>
                </li>
                <li>
                    <i></i>
                    <div>
                        <label>产品亮点</label>
                        <span>80%</span>
                    </div>
                </li>
                <li>
                    <i></i>
                    <div>
                        <label>展厅模拟</label>
                        <span>80%</span>
                    </div>
                </li>
                <li>
                    <i></i>
                    <div>
                        <label>研发理念</label>
                        <span>80%</span>
                    </div>
                </li>
                <li>
                    <i></i>
                    <div>
                        <label>竞品观摩</label>
                        <span>80%</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="tit">
            <h3>最近课程安排</h3>
            <a href="javascript: ">更多></a>
        </div>
        <div class="list-wrap">
            <div class="list">
                <ul>
                    <li class="type">
                        <label class="schj">市场环境</label>
                        <span>80%</span>
                    </li>
                    <li>
                        <span>2018/11/29</span>
                        <span>10:30~12:30</span>
                    </li>
                    <li>
                        <label>人数：</label>
                        <span>20人</span>
                    </li>
                </ul>
                <ul>
                    <li class="type">
                        <label class="cpld">产品亮点</label>
                        <span>80%</span>
                    </li>
                    <li>
                        <span>2018/11/29</span>
                        <span>10:30~12:30</span>
                    </li>
                    <li>
                        <label>人数：</label>
                        <span>20人</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 弹窗 -->
    <div class="mask">
        
        <!-- 转训规划当天有课 -->
        <div class="mask-content content-trans">
            <div class="tit">
                <h3>添加转训规划</h3>
                <div class="date">2018-11-10</div>
            </div>
            <div class="trans-list">
                <ul>
                    <li class="left">
                        <div class="schj">市场环境</div>
                        <div>80%</div>
                    </li>
                    <li class="right">
                        <div>2018/11/2  10:00～12:30<i class="del mui-icon mui-icon-closeempty"></i></div>
                        <div>人数：20人</div>
                    </li>
                </ul>
                <ul>
                    <li class="left">
                        <div class="schj">市场环境</div>
                        <div>80%</div>
                    </li>
                    <li class="right">
                        <div>2018/11/2  10:00～12:30<i class="del mui-icon mui-icon-closeempty"></i></div>
                        <div>人数：20人</div>
                    </li>
                </ul>
                <ul>
                    <li class="left">
                        <div class="schj">市场环境</div>
                        <div>80%</div>
                    </li>
                    <li class="right">
                        <div>2018/11/2  10:00～12:30<i class="del mui-icon mui-icon-closeempty"></i></div>
                        <div>人数：20人</div>
                    </li>
                </ul>
                <ul>
                    <li class="left">
                        <div class="schj">市场环境</div>
                        <div>80%</div>
                    </li>
                    <li class="right">
                        <div>2018/11/2  10:00～12:30<i class="del mui-icon mui-icon-closeempty"></i></div>
                        <div>人数：20人</div>
                    </li>
                </ul>
            </div>
            <div class="btn-wrap">
                <a class="cancel" href="javascript: ">取消</a>
                <a class="add-trans" href="javascript: ">添加转训</a>
            </div>
        </div>

        <!-- 添加转训规划 -->
        <div class="mask-content" style="display: none">
            <div class="tit">
                <h3>添加转训规划</h3>
                <div class="date">2018-11-10</div>
            </div>
            <ul class="picker-wrap">
                <li class="picker-trans">
                    <label>选择课程</label>
                    <input class="trans-val" type="text" readonly />
                </li>
                <li class="picker-date">
                    <label>选择时间</label>
                    <input class="date-val" type="text" readonly />
                </li>
                <li>
                    <label>填写人数</label>
                    <input type="number" />
                </li>
            </ul>
            <div class="btn-wrap">
                <a class="cancel" href="javascript: ">取消</a>
                <a class="add-trans" href="javascript: ">添加转训</a>
            </div>
        </div>
    </div>

    <script src="../js/remset.js"></script>
    <script src="../js/home.js"></script>
  </body>
</html>